<template>
  <div class="group_2">
    <el-row :gutter="20">
      <el-col :span="6">
        <div class="group_3 flex-col">
          <span class="text_5">总节约费用</span>
          <div class="text-wrapper_3">
            <span class="text_6">{{ resData.projectSavings.projectSavings }}</span>
            <span class="text_7">（元）</span>
          </div>
          <span class="text_8">更新时间</span>
          <span class="text_9">{{ resData.projectSavings.createTime }}</span>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="group_4 flex-col">
          <div class="box_3 flex-col">
            <div class="box_4 flex-row justify-between">
              <span class="text_10">进行中项目数</span>
              <img
                class="image_2"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/pstao201rtyuxjxaxv7ba0st5xyrvwun55d28c571-dbab-44fb-b216-e5433e179b1d"
              >
            </div>
            <div class="text-wrapper_4 flex-row">
              <span class="text_11">{{ resData.ongoingProject.sum }}</span>
            </div>
            <div class="text-wrapper_5 flex-row">
              <span class="text_12">更新时间</span>
            </div>
            <div class="text-wrapper_6 flex-row">
              <span class="text_13">{{ resData.ongoingProject.createTime }}</span>
            </div>
          </div>
        </div>

      </el-col>

      <el-col :span="6">
        <div class="group_5 flex-col">
          <div class="section_3 flex-col">
            <div class="block_3 flex-row justify-between" style="background-color: transparent">
              <span class="text_14">当月节约费用</span>
              <img
                class="image_3"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps52lwymlw8ljvs6z39pknzqr2gh6l90nf078303d6-418a-43e6-894e-920fc18b644a"
              >
            </div>
            <div class="block_4 flex-row">
              <div class="text-wrapper_7">
                <span class="text_15">{{ resData.savingCapital.savingCapital }}</span>
                <span class="text_16">（元）</span>
              </div>
            </div>
            <div class="text-wrapper_8 flex-row">
              <span class="text_17">更新时间</span>
            </div>
            <div class="text-wrapper_9 flex-row">
              <span class="text_18">{{ resData.savingCapital.createTime }}</span>
            </div>
          </div>
        </div>

      </el-col>

      <el-col :span="6">
        <div class="group_6 flex-col">
          <div class="section_4 flex-col">
            <div class="box_5 flex-row justify-between">
              <span class="text_19">参会专家总数</span>
              <img
                class="image_4"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/psr9xk400hmwme2yyidg1fcxkvd7wj70cbe2bcb01-d27e-43fa-b81c-b6a2314b0d21"
              >
            </div>
            <div class="text-wrapper_10 flex-row">
              <span class="text_20">{{ resData.expertSum.sum }}</span>
            </div>
            <div class="text-wrapper_11 flex-row">
              <span class="text_21">更新时间</span>
            </div>
            <div class="text-wrapper_12 flex-row">
              <span class="text_22">{{ resData.expertSum.createTime }}</span>
            </div>
          </div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import { http } from '@/api'

export default {
  data() {
    return {
      constants: {},
      resData: {
        projectSavings:{},
        ongoingProject: {},
        savingCapital: {},
        expertSum:{}
      }
    }
  },
  created() {
    http.home.top().then(res => {
      this.resData = res.data
    })
  },
  methods: {}
}
</script>
<style lang="scss">
@import "./index.scss";
</style>
